<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>AR活动</title>
    <link href="css/main.css" type="text/css" rel="stylesheet" />
    <link href="libs/layer_mobile/need/layer.css" type="text/css" rel="stylesheet" />
</head>
<body id="ARzx">
<div class="container">
    <div class="arList">
        <a href="#" class="arList_detail">
            <div class="ad_top">
                <img src="tmp/demo_2.png"/>
            </div>
            <div class="ad_center">
                他基于最先进3D-AR技术，使用配套App扫描启智卡时，卡片上会出现奇妙的三维动物。形动物...
            </div>
            <div class="ad_bottom clearfix">
                <span class="ab_start">开始时间</span>
                <span class="ab_data">2017-06-13</span>
                <span class="ab_time">16:16:16</span>
            </div>
        </a>
        <a href="#" class="arList_detail">
            <div class="ad_top">
                <img src="tmp/demo_2.png"/>
            </div>
            <div class="ad_center">
                他基于最先进3D-AR技术，使用配套App扫描启智卡时，卡片上会出现奇妙的三维动物。形动物...
            </div>
            <div class="ad_bottom clearfix">
                <span class="ab_start">开始时间</span>
                <span class="ab_data">2017-06-13</span>
                <span class="ab_time">16:16:16</span>
            </div>
        </a>
        <a href="#" class="arList_detail">
            <div class="ad_top">
                <img src="tmp/demo_2.png"/>
            </div>
            <div class="ad_center">
                他基于最先进3D-AR技术，使用配套App扫描启智卡时，卡片上会出现奇妙的三维动物。形动物...
            </div>
            <div class="ad_bottom clearfix">
                <span class="ab_start">开始时间</span>
                <span class="ab_data">2017-06-13</span>
                <span class="ab_time">16:16:16</span>
            </div>
        </a>
        <a href="#" class="arList_detail">
            <div class="ad_top">
                <img src="tmp/demo_2.png"/>
            </div>
            <div class="ad_center">
                他基于最先进3D-AR技术，使用配套App扫描启智卡时，卡片上会出现奇妙的三维动物。形动物...
            </div>
            <div class="ad_bottom clearfix">
                <span class="ab_start">开始时间</span>
                <span class="ab_data">2017-06-13</span>
                <span class="ab_time">16:16:16</span>
            </div>
        </a>
    </div>
</div>
<script src="js/rem.js"></script>
<script src="js/jquery.js"></script>
<script src="libs/layer_mobile/layer.js"></script>
<script>
    $(function(){
        var html="<p class='ar_detail'>金豆是在我平台注册、绑定、充值、购物、抽奖等相关活动情况给予的奖励</p>" +
                  "<p class='ar_detail'>金豆可在牛播王和儒牛网（www.rubulls.com）使用,如用户账号暂停使用,则将取消该用户账号内金豆相关使用权益</p>"+
                  "<p class='ar_detail'>金豆可直接用于支付牛播王和儒牛网订单,在平台消费1金豆可抵1元现金使用</p>"+
                  "<p class='zhu'>注:</p>"+
                  "<p class='zhu'>金豆和优惠劵、微信现金红包分别是独立的,目前支持金豆支付与微信支付、支付宝支付中任意两种方式组合使用.</p>";

        $(".ad_center").click(function(){
            //自定义标题风格
            layer.open({
                title: [
                    'AR说明'
                ],
                className: 'ar_detail'
                ,content: html
            });
        })
    })

</script>
</body>
</html>